<template>
	<view>
		<view class="detailtitle">
			<view class="uni-item-left">
				<view class="font-size32 color-3A3A3A margin-top-10">{{systemdetail.F_Title}}</view>
				<view class="notify-user-time margin-bottom-10">
					<view class="color-9A9A9A font-size24 margin-top-10">{{systemdetail.F_CreatorUserId}}</view>
					<view class="color-9A9A9A font-size24 margin-top-10">{{systemdetail.F_CreatorTime}}</view>
				</view>
			</view>
		</view>
		<view class="uni-padding-wrap margin-top-20">
			<uParse :content="article" @preview="preview" @navigate="navigate" />
		</view>
	</view>
</template>

<script>
	import marked from '@/components/marked'
	import uParse from '../../uParse/src/wxParse.vue'
	import jnpf from '@/common/js/jnpf.js'
	import helper from '@/common/js/helper.js'
	export default {
		data() {
			return {
				systemdetail: {},
				article: ''
			}
		},
		onLoad(e) {
			helper.ajax({
				url: '/api/System/Message/ReadInfo/' + e.systemid,
				success: res => {
					let syste = res.data.data;
					this.article = syste.bodyText;
					this.systemdetail = syste;
					this.systemdetail.F_Title = syste.title;
					this.systemdetail.F_CreatorUserId = syste.creatorUser;
					this.systemdetail.F_CreatorTime = helper.toDate(syste.creatorTime, 'yyyy-MM-dd hh:mm');
				}
			});
		},
		methods: {
			preview(src, e) {},
			navigate(href, e) {}
		},
		components: {
			uParse
		},
	}
</script>

<style>
	@import '../../uParse/src/wxParse.css';
</style>
